<template>
  <div class="photoinfo-container">
    <h3>
      <!-- {{ info.detail.title }} -->
      发顺丰发送到
    </h3>
    <p>
      <span>
        作者：
        <!-- 作者：{{ info.detail.author }} -->
      </span>
      <span>
        发表日期：
        <!-- 发表日期：{{ info.detail.date }} -->
      </span>
    </p>
    <div class="content" v-html="info.content"></div>
  </div>
</template>

<script>
import { Toast } from "mint-ui";
export default {
  data() {
    return {
      info: {
        content: "fasffd",
      },
    };
  },
  created() {
    this.getPhotoInfo();
  },
  methods: {
    getPhotoInfo() {
      //   this.axios
      //     .get(
      //       "content?key=eac50bc36af78dbe3467c8358f259e59&uniquekey=" +
      //         this.$route.params.uniquekey
      //     )
      //     .then((res) => {
      //       if (res.data.error_code === 0) {
      //         this.info = res.data.result;
      //       } else {
      //         Toast("聚合数据接口超过每日接入次数");
      //       }
      //     })
      //     .catch((err) => {
      //       Toast(err.message);
      //     });
    },
  },
};
</script>

<style lang='less' scoped>
.photoinfo-container {
  padding: 0 4px;
  h3 {
    color: #26a2ff;
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
  }
  p {
    display: flex;
    justify-content: space-between;
  }
  .content {
    font-size: 14px;
  }
}
</style>